$(function(){
    var r = new Vue({
        el:'#reset-content',
        data:{
            phone:"",
            code:"",
            password:"",
        },
        methods:{
            changeShowPass:function(event){
                var currType = event.currentTarget.getAttribute('value');
                if(currType == '1'){
                    event.currentTarget.setAttribute('value',0);
                    event.currentTarget.setAttribute('src',"image/zhengyan.png");
                    $(event.currentTarget).prev().attr('type',"text");
                }else{
                    event.currentTarget.setAttribute('value',1);
                    event.currentTarget.setAttribute('src',"image/biyan.png");
                    $(event.currentTarget).prev().attr('type',"password");
                }
            },
            goLogin: function(){
                location.href = 'login.html';
            },
            setFocus:function(imgName,event){
                $('.icon-input').removeClass('input-error input-active').parent().find('.error-line').addClass('hidden');
                $(event.currentTarget).addClass('input-active').prev().attr({'src':'image/'+imgName+'2.png'});
            },
            setBlur:function(imgName,event){
                $(event.currentTarget).prev().attr({'src':'image/'+imgName+'.png'});
                $('.icon-input').removeClass('input-active').parent().find('.error-line').addClass('hidden');
            },
            getCode:function(){
                if(!checkPhone(this.phone)){ //验证手机号
                    $('.phone').prev().attr({'src':'image/loginPhone2.png'});
                    $('.phone').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机格式不正确');
                    $('.phone').parent().find('.error-line').removeClass('hidden');
                    return false;
                }else{
                    var data = {
                        mobile: this.phone, //	手机号	是	11	String
                    };
                    getMsgPwd(data);
                }
            },
            //登录
            toResetPass:function(){
                if(!this.phone){ //验证手机号
                    $('.phone').prev().attr({'src':'image/loginPhone2.png'});
                    $('.phone').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机号码不能为空');
                    $('.phone').parent().find('.error-line').removeClass('hidden');
                    return false;
                }
                //验证手机号
                if(!checkPhone(this.phone)){
                    $('.phone').prev().attr({'src':'image/loginPhone2.png'});
                    $('.phone').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机格式不正确');
                    $('.phone').parent().find('.error-line').removeClass('hidden');
                    return false;
                }
                //验证code
                if(!checkCode(this.code)){
                    $('.code').prev().attr({'src':'image/loginCode2.png'});
                    $('.code').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('验证码格式不正确');
                    $('.code').parent().find('.error-line').removeClass('hidden');
                    return false;
                }
                //验证密码
                if(!checkPass(this.password)){
                    $('.password').prev().attr({'src':'image/loginPass2.png'});
                    $('.password').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('密码格式不正确');
                    $('.password').parent().find('.error-line').removeClass('hidden');
                    return false;
                }
                var data = {
                    mobile: this.phone, //	手机号	是	11	String
                    password: this.password , //	密码	是	30	String
                    smsCode: this.code, //	注册短信验证码	是	6	String
                };
                saveNewPwd(data);
            },
        },

    });

    var code = new Vue({
        el: '#loginModal',
        data:{
            inCode:"",
            currCode:""
        },
        methods:{
            checkCode:function(){
                if(this.inCode){
                    if(this.inCode == this.currCode){
                        $('#loginModal').modal('hide');
                        $('#loginModal .error-input-msg').addClass('hidden');

                    }else{
                        $('#loginModal .error-msg').text('验证码输入错误！');
                        $('#loginModal .error-input-msg').removeClass('hidden');
                    }
                }else{
                    $('#loginModal .error-msg').text('验证码不能为空！');
                    $('#loginModal .error-input-msg').removeClass('hidden');
                }

            },
            flushCode:function(){
                $('#loginModal .error-input-msg').addClass('hidden');
                var data={element: this}
                getPicLogin(data);//获取图形验证码
            }
        },
        mounted:function(){
            this.$nextTick(function(){
                $('#loginModal .error-input-msg').addClass('hidden');
            });
        }
    });
});